<!-- 
    总结：
    获取元素通常使用两种方式
    1、利用DOM提供的方法获取元素
       document.getElementByld()  //获取id元素
       document.getElementsByTagName() //获取多个元素
       document.querySelector  //万能选择，只能选择一个 
       document.querySelectorAll  //获取多个相同的元素 ，例如多个小li   逻辑型不强，繁琐


    2、利用节点层级关系获取元素
    利用父子兄弟关系获取元素
    节点至少有 节点类型，节点名称，节点值  这三个基本的属性
    元素接节点 nodeType为1
    属性节点   nodeType为2
    文本节点   nodeTypew为3（文本节点包含文字、空格、换行)
    节点操作是操作标签元素节点

 -->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="box">
        <span class="erweima">×</span>
    </div>

    <script>
        var box = document.querySelector('.box');
        console.dir(box);
    </script>
</body>

</html>